<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#get").click(function() {
			$.get("AjaxDemo", {name : "张三",age : "23",address : "陕西"}, function(param) {
				$("#div").html(param);
			});
		});
	});
</script>

<script type="text/javascript">
	$(document).ready(function() {
		$("#post").click(function() {
			$.post("AjaxDemo", {name : "张三",age : "23",address : "陕西"}, function(param) {
				$("#div").html(param);
			});
		});
	});
</script>

<style>
body {
	text-align: center;
}
</style>
</head>
<body>
	<h1>JQuery里的Ajax</h1>
	<input type="button" value="Get提交" id="get" />
	<br />
	<br />
	<input type="button" value="Post提交" id="post" />
	<br />
	<div id="div"></div>
</body>
</html>